<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/jsp/common/head.jsp"%>

<div class="right">
        <div class="location">
            <strong>你现在所在的位置是:</strong>
            <span>供应商管理页面</span>
        </div>
        <div class="search">
        	<form method="post" action="${pageContext.request.contextPath }/providerList">
				<span>供应商编码：</span>
				<input name="queryProCode" type="text" value="${queryProCode}">
				
				<span>供应商名称：</span>
				<input name="queryProName" type="text" value="${queryProName}">

				<input type="hidden" name="pageNo" value="1"/>
				<input value="查 询" type="submit" id="searchbutton">
				<a href="${pageContext.request.contextPath }/toProviderAdd">添加供应商</a>
			</form>
        </div>
        <!--供应商操作表格-->
        <table class="providerTable" cellpadding="0" cellspacing="0">
            <tr class="firstTr">
                <th width="10%">供应商编码</th>
                <th width="20%">供应商名称</th>
                <th width="10%">联系人</th>
                <th width="10%">联系电话</th>
                <th width="10%">传真</th>
                <th width="10%">创建时间</th>
                <th width="30%">操作</th>
            </tr>
			<c:forEach items="${pageSupport.data}" var="provider">
				<tr>
					<td>
						<span>${provider.proCode}</span>
					</td>
					<td>
						<span>${provider.proName}</span>
					</td>
					<td>
						<span>${provider.proContact}</span>
					</td>
					<td>
						<span>${provider.proPhone}</span>
					</td>
					<td>
						<span>${provider.proFax}</span>
					</td>
					<td>
					<span>
						<span><fmt:formatDate value="${provider.creationDate}" pattern="yyyy-MM-dd"></fmt:formatDate></span>
					</span>
					</td>
					<td>
						<span><a class="viewProvider" href="/toViewProvider?id=${provider.id}" ><img src="${pageContext.request.contextPath }/images/read.png" alt="查看" title="查看"/></a></span>
						<span><a class="modifyProvider" href="/toModProvider?id=${provider.id}" ><img src="${pageContext.request.contextPath }/images/xiugai.png" alt="修改" title="修改"/></a></span>
						<span><a class="deleteProvider" href="javascript:void(0);" delProviderId="${provider.id}"><img src="${pageContext.request.contextPath }/images/schu.png" alt="删除" title="删除"/></a></span>
					</td>
				</tr>
			</c:forEach>

        </table>
		<c:import url="rollpage.jsp"></c:import>
    </div>
</section>

<!--点击删除按钮后弹出的页面-->
<div class="zhezhao"></div>
<div class="remove" id="removeProv">
   <div class="removerChid">
       <h2>提示</h2>
       <div class="removeMain" >
           <p>你确定要删除该供应商吗？</p>
           <a href="#" id="yes">确定</a>
           <a href="#" id="no">取消</a>
       </div>
   </div>
</div>

<%@include file="/WEB-INF/jsp/common/foot.jsp" %>
<script type="text/javascript">
	// 删除弹窗简单用法
	var delProviderId;
	function openYesOrNoDLG(){
		$('.zhezhao').css('display', 'block');
		$('#removeProv').fadeIn();
	}

	function cancleBtn(){
		$('.zhezhao').css('display', 'none');
		$('#removeProv').fadeOut();
	}
	function changeDLGContent(contentStr){
		var p = $(".removeMain").find("p");
		p.html(contentStr);
	}

	// 点击删除
	$(".deleteProvider").click(function (){
		delProviderId = $(this).attr("delProviderId");
		changeDLGContent("确定要删除此供应商吗？");
		openYesOrNoDLG();
	});

	$('#no').click(function () {
		cancleBtn();
	});

	$('#yes').click(function () {
		// 推荐用ajax实现异步删除
		location.href = "/providerDel&id=" + delProviderId;
	});
</script>